<template>





  <nav id="nav" style="padding-top: 15px;">
    <RouterLink :to="{path:'/home/match',query:{id:id,name:name}}" style="margin-left: 30px;">学习竞赛</RouterLink>
    <RouterLink :to="{path:'/home/match/art',query:{id:id,name:name}}"  style="margin-left: 30px;">艺术竞赛</RouterLink>
  </nav>



<RouterView />
   
  </template>

<style scoped>
#nav{
  margin: 0px auto;
}

.dialog-footer button:first-child {
margin-right: 10px;
}

</style>
<script setup>
import { useRouter } from "vue-router";
import { useRoute } from 'vue-router'
import { ref } from 'vue'


const route = useRoute()
const name = route.query.name
const id = route.query.id

const router = useRouter()
console.log('match id:'+id)
 


</script>